<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
<h:head>
<title>BeerAir</title>
<link href="./css/bootstrap.css" rel="stylesheet" type="text/css"/> 
<link href="./css/styles.css" rel="stylesheet" type="text/css"/> 
</h:head>
<h:body>
<h:graphicImage id="airplane" value="./images/airplane.jpg"/>
<div id="header"></div>
<div id="container" >
	<div id="navbar">
		<h:form>  
				<p:menubar >  
					<p:menuitem value="Flights"/>  
					<p:menuitem value="Offers"/>  
					<p:menuitem value="My Booking"/>  
					<p:menuitem value="About"/>  
     				<p:menuitem value="FAQ"/>  
    				<f:facet name="options">  
    		   		    <p:inputText style="margin-right:10px"/>  
     		    	   <p:commandButton type="button" value="Search"/>  
     		   		</f:facet>  
  				</p:menubar>  
		</h:form>  	
	</div>
	<div id="content">
		<h:form class="mainform">
			<h1>Payment</h1><br/>
			<h3>Billing Information</h3>
			<table>
				<tr>
					<td>
						<label>Billing Country</label>
   					 	<h:selectOneMenu value="#{paymentView.billingCountry}" >
   					 		<f:selectItem itemLabel=""/>
 							<f:selectItem itemValue="Roma"/>
        					<f:selectItem itemValue="Londra"/>
       						<f:selectItem itemValue="Parigi"/>
      						<f:selectItem itemValue="Berlino"/>
       						<f:selectItem itemValue="Oslo"/>
   						 </h:selectOneMenu>	
   					 </td>
   					 <td>
						<label>Document Type</label>
   					 	<h:selectOneMenu value="#{paymentView.docType}">
   					 		<f:selectItem itemLabel=""/>
   					 		<f:selectItem itemValue="American Express"/>
 							<f:selectItem itemValue="Mastercard"/>
        					<f:selectItem itemValue="VISA"/>
       						<f:selectItem itemValue="Paypal"/>
   						 </h:selectOneMenu>	
   					 </td>
   				</tr>
   			</table><br/>
			<h3>Personal Information</h3>
			<table>
				<tr>
					<td>
						<label>First Name</label>
						<h:inputText value="#{paymentView.firstName}" />
					</td>
					<td>
						<label>Second Name</label>
						<h:inputText value="#{paymentView.secondName}" />
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<label>Address</label>
						<h:inputText value="#{paymentView.address}" />
					</td>
				</tr>
				<tr>
					<td>
						<label>City</label>
						<h:inputText value="#{paymentView.city}" />
					</td>
					<td>
						<label>Postal Code</label>
						<h:inputText value="#{paymentView.postalCode}" />
					</td>
				</tr>
			</table>
			<h:commandButton class="submit" value="Next"/>
			<h:commandButton class="submit" value="Back" action="#{paymentView.showOffers}"/>
		</h:form>
	</div>
	<div id="aside">
		<div id="recap">
			<h3>Summary</h3>
			<p><b>Departure Airport</b>: #{homeView.depAirport}</p>
			<p><b>Arrival Airport</b>: #{homeView.arrAirport}</p>
			<p><b>One-Way</b>: #{homeView.oneWay}</p>
			<p><b>Departure Date</b>: #{homeView.depDate}</p>
			<p><b>Return Date</b>: #{homeView.retDate}</p>
			<p><b>Adults</b>: #{homeView.adult}</p>
			<p><b>Children(&#60; 16)</b>: #{homeView.child}</p>
			<p><b>Infants(&#60; 2)</b>: #{homeView.infant}</p>
		</div>
	</div>
</div>
<div id="footer"></div>
</h:body>
</html>